// 获取数据

initArtCateList();
function initArtCateList(){
    $.ajax({
        type: "get",
        url: "/my/article/cates",
        success: function (res) {
            // console.log(res);
            if (res.status!=0) {
                return layui.layer.msg(res.message);
            }
            layui.layer.msg(res.message);
            // 渲染页面 这里我们用模板引擎
            var htmlter=[];
            res.data.forEach(function (item){
                if(item.Id>0){
                    var data=template('tpl-table',item);
                    // console.log(item);
                    htmlter.push(data);
                }
            })
            
            $('tbody').html(htmlter.join(','));
        }
    });
};
/*
    给添加分类绑定点击事件 
    实现点击后弹出一个添加内容的表单

*/ 
var indexadd=null;
$('#btnAddCate').on('click',function (e) {
    // 修改弹出层 问题content如何写 可以用模板
       indexadd= layui.layer.open({
        title: '添加文章分类',
        content: $('#dataAdd').html(),
        type :1,
        area:['500px', '250px']
      });     
});

// 这时候就开始想输入框添加数据 此时需要为确定添加绑定submit事件
// 但是这个from是模板添加的 不能直接获取 用事件委托 让body替它办事
$('body').on('submit','#dataAdd-from', function(e){
    e.preventDefault();
    $.ajax({
        type: "post",
        url: "/my/article/addcates",
        data: $(this).serialize(),
        success: function (res) {
            if(res.status!== 0){
                return layui.layer.msg(res.message);
            }
            layui.layer.msg(res.message);
            initArtCateList();
            // 关闭弹出框
            layui.layer.close(indexadd);
        }
    });
});

// 删除模块 点击事件 弹出弹出层 点击确定 删除数据
// 点击删除发现这是一个模板生成的用事件委托
$('tbody').on("click",".btn-delete",function(){
    var id=$(this).attr("data-id");
    layui.layer.confirm('是否删除?', {icon: 3, title:'提示'}, function(index){
        //do something
        $.ajax({
        type: "get",
        url: "/my/article/deletecate/"+id,
        success: function (res) {
            if (res.status!== 0) {
                return layui.layer.msg(res.message);
            }
            layui.layer.msg(res.message);
            initArtCateList();
        }
    });
        layer.close(index);
      });
    
})
// 修改模块 弹出修改表单 获取数据添加到输入框 点击确定修改按钮 进行修改
// 用事件委托
var indexedit=null;
$('tbody').on('click','.btn-edit', function(){
    // e.preventDefault();
    indexedit= layui.layer.open({
        title: '修改文章',
        content: $('#dialog-edit').html(),
        type :1,
        area:['500px', '250px']
      });
      var id = $(this).attr('data-id');
      $.ajax({
          type: "get",
          url: "/my/article/cates/"+id,
          success: function (res) {
             if (res.status!== 0) return layui.layer.msg(res.message);
             layui.layer.msg(res.message);
            //  layUI中赋值
            var form=layui.form;
            // 这里用layUI中赋值的方法 需要在表单上添加lay-filter属性 第一个参数就是 lay-filter 的属性值
            form.val('form-edit', res.data);
          }
      });
});
// 更新
$('body').on('submit','#form-edit', function (e) {
    e.preventDefault();
    $.ajax({
        type: "post",
        url: "/my/article/updatecate",
        data: $(this).serialize(),
        success: function (res) {
            if (res.status!=0) return layui.layer.msg(res.message);
            layui.layer.msg(res.message);
            layui.layer.close(indexedit);
            // 更新页面
            initArtCateList();
        }
    });
});